侧边|篇文章_带你实现开发者头条实现左滑菜单

篇首语：本文由编程笔记#小编为大家整理，主要介绍了带你实现开发者头条 实现左滑菜单相关的知识，希望对你有一定的参考价值。

今天开始模仿开发者头条的侧滑菜单&＃xff0c;是本系列第二篇文章&＃xff0c;相信大家已经看到很多app使用这种侧滑。今天我来教大家用android自带DrawerLayout控件实现。

DrawerLayout是SupportLibrary包中实现了侧滑菜单效果的控件&＃xff0c;可以说DrawerLayout是因为第三方控件如MenuDrawer等的出现之后&＃xff0c;google借鉴而出现的产物。DrawerLayout分为侧边菜单和主内容区两部分&＃xff0c;侧边菜单可以根据手势展开与隐藏&＃xff08;DrawerLayout自身特性&＃xff09;&＃xff0c;主内容区的内容可以随着菜单的点击而变化&＃xff08;这需要使用者自己实现&＃xff09;。

一.先上效果图:

二.代码实现

1.drawerLayout其实是一个布局控件&＃xff0c;跟LinearLayout等控件是一种东西&＃xff0c;但是drawerLayout带有滑动的功能。只要按照drawerLayout的规定布局方式写完布局&＃xff0c;就能有侧滑的效果。我这边把侧滑菜单的内容放一个布局文件了。

<android.support.v4.widget.DrawerLayout
xmlns:android&＃61;"http://schemas.android.com/apk/res/android"
android:id&＃61;"&＃64;&＃43;id/drawer_layout"
android:layout_width&＃61;"match_parent"
android:layout_height&＃61;"match_parent" >
<RelativeLayout
android:layout_width&＃61;"match_parent"
android:layout_height&＃61;"match_parent"
android:clipToPadding&＃61;"true"
android:fitsSystemWindows&＃61;"true" >
<include
android:id&＃61;"&＃64;&＃43;id/rl_title"
layout&＃61;"&＃64;layout/layout_main_title" />

<FrameLayout
android:id&＃61;"&＃64;&＃43;id/content_frame"
android:layout_width&＃61;"match_parent"
android:layout_height&＃61;"match_parent"
android:layout_below&＃61;"&＃64;&＃43;id/rl_title"
android:background&＃61;"&＃64;color/white_normal" >
FrameLayout>
RelativeLayout>

<FrameLayout
android:id&＃61;"&＃64;&＃43;id/left_drawer"
android:layout_width&＃61;"280dp"
android:layout_height&＃61;"match_parent"
android:layout_gravity&＃61;"start" >

<include layout&＃61;"&＃64;layout/layout_main_left" />
FrameLayout>
android.support.v4.widget.DrawerLayout>

注意事项
主内容区的布局代码要放在侧滑菜单布局的前面,这可以帮助DrawerLayout判断谁是侧滑菜单&＃xff0c;谁是主内容区
侧滑菜单的部分的布局&＃xff08;这里是ListView&＃xff09;可以设置layout_gravity属性&＃xff0c;他表示侧滑菜单是在左边还是右边。

2.MainActivity.java 继承FragmentActivity
1).设置内容Fragment&＃xff0c;设置状态栏
2).处理左侧点击事件,在点击事件中设置选中背景&＃xff0c;关闭左边侧滑菜单。

public class MainActivity extends FragmentActivity
private DrawerLayout mDrawerLayout;
private RelativeLayout rlHome, rlGift, rlShare;
private int currentSelectItem &＃61; R.id.rl_home;// 默认首页
private ContentFragment contentFragment;
&＃64;Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mDrawerLayout &＃61; (DrawerLayout) findViewById(R.id.drawer_layout);
findViewById(R.id.iv_menu).setOnClickListener(clickListener);
initLeftMenu();//初始化左边菜单
contentFragment&＃61;new ContentFragment();
getSupportFragmentManager().beginTransaction().add(R.id.content_frame,contentFragment).commit();
setWindowStatus();

private void initLeftMenu()
rlHome &＃61; (RelativeLayout) findViewById(R.id.rl_home);
rlGift &＃61; (RelativeLayout) findViewById(R.id.rl_gift);
rlShare &＃61; (RelativeLayout) findViewById(R.id.rl_share);
rlHome.setOnClickListener(onLeftMenuClickListener);
rlGift.setOnClickListener(onLeftMenuClickListener);
rlShare.setOnClickListener(onLeftMenuClickListener);
rlHome.setSelected(true);

private OnClickListener onLeftMenuClickListener &＃61; new OnClickListener()
&＃64;Override
public void onClick(View v)
if (currentSelectItem !&＃61; v.getId()) //防止重复点击
currentSelectItem&＃61;v.getId();
noItemSelect();
switch (v.getId())
case R.id.rl_home:
rlHome.setSelected(true);
contentFragment.setContent("这是首页");
break;
case R.id.rl_gift:
rlGift.setSelected(true);
contentFragment.setContent("这是礼物兑换");
break;
case R.id.rl_share:
rlShare.setSelected(true);
contentFragment.setContent("这是我的分享");
break;

mDrawerLayout.closeDrawer(Gravity.LEFT);


;
private void noItemSelect()
rlHome.setSelected(false);
rlGift.setSelected(false);
rlShare.setSelected(false);

private OnClickListener clickListener &＃61; new OnClickListener()
&＃64;Override
public void onClick(View v)
switch (v.getId())
case R.id.iv_menu:// 打开左边抽屉
mDrawerLayout.openDrawer(Gravity.LEFT);
break;


;
// 设置状态栏
private void setWindowStatus()
if (Build.VERSION.SDK_INT >&＃61; Build.VERSION_CODES.KITKAT)
// 透明状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
// 透明导航栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
// 设置状态栏颜色
getWindow().setBackgroundDrawableResource(R.color.main_color);




3.左侧菜单item选中背景的布局文件 selector_left_menu_item.xml。


<selector xmlns:android&＃61;"http://schemas.android.com/apk/res/android">
<item android:drawable&＃61;"&＃64;color/menu_left_item_select" android:state_selected&＃61;"true"/>
<item android:drawable&＃61;"&＃64;color/white_normal"/>
selector>

4.ContentFragment 显示内容的Fragment 这里我加了一个设置内容的方法&＃xff0c;就是用来点击左侧切换显示用的。

public class ContentFragment extends Fragment
private TextView tvContent;
&＃64;Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState)
View rootView&＃61;LayoutInflater.from(getActivity()).inflate(R.layout.fragment_content, null);
tvContent&＃61;(TextView) rootView.findViewById(R.id.tv_content);
return rootView;

public void setContent(String content)
tvContent.setText(content);



5.drawerLayout与Fragment是什么关系&＃xff1f;
我们看到很多使用drawerLayout的代码中都同时使用了Fragment&＃xff0c;这会造成误解&＃xff0c;以为使用drawerLayout必须用到Fragment&＃xff0c;其实这是错误的&＃xff0c;使用Fragment是因为在侧滑菜单被点击的时候&＃xff0c;主内容区如果内容比较复杂&＃xff0c;用Fragment去填充会更容易&＃xff0c;如果你的主内容区只是一个简单的字符串&＃xff0c;只想在不同菜单点击的时候更新一下字符串的内容&＃xff0c;我觉得没必要用Fragment。我这边用Fragment所做的就是更新字符串内容这么简单。

三.源码下载

点击下载源码

四.相关文章:

单独写的一个DrawerLayout的demo

带你实现开发者头条(一) 启动页实现
带你实现开发者头条(二) 实现左滑菜单
带你实现开发者头条APP(三) 首页实现
带你实现开发者头条APP(四) 首页优化(加入design包)
带你实现开发者头条APP(五)–RecyclerView下拉刷新上拉加载

推荐下自己创建的android QQ群: 202928390欢迎大家的加入.

如果你想第一时间看我们的后期文章&＃xff0c;扫码关注公众号&＃xff0c;每周不定期推送Android开发实战教程文章&＃xff0c;你还等什么&＃xff0c;赶快关注吧&＃xff0c;学好技术&＃xff0c;&＃xff0c;出任ceo&＃xff0c;赢取白富美。。。。。。。。。。

Android开发666 - 安卓开发技术分享
扫描二维码加关注